<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>数组</title>
  </head>
  <body>
    <script>
      // 1、数组求和及平均值
      // var arr = [2, 6, 1, 7, 4];
      // var sum = 0;
      // var avg = 0;
      // for (var i = 0; i < arr.length; i++) {
      //   sum += arr[i];
      // }
      // avg = sum / arr.length;
      // console.log('数组和：' + sum + '\n数组平均值：' + avg);

      // 2、数组的最大值
      // var arr2 = [2, 6, 1, 77, 1004, 52, 25, 7, 899];
      // var max = arr2[0];
      // for (var i = 1; i < arr2.length; i++) {
      //   if (max < arr2[i]) {
      //     max = arr2[i];
      //   }
      // }
      // console.log('数组最大值：' + max);

      // 3、过滤数组中大于 10 的元素
      // var arr = [2, 5, 12, 55, 25, 4, 89, 20];
      // var newArr = [];
      // for (var i = 0; i < arr.length; i++) {
      //   if (arr[i] > 10) {
      //     newArr.push(arr[i]);
      //   }
      // }
      // console.log('过滤后：' + newArr);

      // 4、数组删除
      // var arr = ['red', 'green', 'blue'];
      // arr.pop();
      // console.log('删除后：' + arr);

      // 5、查找索引
      // var arr = ['red', 'green', 'blue', 'html', 'css', 'JavaScript', 'blue'];
      // console.log('索引--', arr.indexOf('blue'));

      // 6、根据索引删除
      // var arr = ['red', 'green', 'blue', 'html', 'css', 'JavaScript', 'blue'];
      // var result = arr.splice(3, 3);
      // console.log('删除部分--', result);

      // 7、截取
      // var arr = ['red', 'green', 'blue', 'html', 'css', 'JavaScript', 'blue'];
      // var result = arr.slice(0, 3);
      // console.log('截取--', result);

      // 8、数组颠倒
      // var arr = ['red', 'green', 'blue', 'pink', 'purple'];
      // var revArr = arr.reverse();
      // console.log('颠倒后--' + revArr);

      // 9、排序
      var arr = [4, 39, 15, 20, 8, 36, 9];
      arr.sort(function (a, b) {
        return a - b; // 升序
        // return b - a; // 降序
      });
      console.log('arr--', arr);
    </script>
  </body>
</html>
